.ui-seamless-button {
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: 0;
  padding: 0;
  border-radius: 4px;
  cursor: pointer;
}

.ui-seamless-button:hover,
.ui-seamless-button--active {
  background-color: var(--grey100);
}

.ui-seamless-button:::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.ui-seamless-button svg {
  fill: var(--navy700);
}

.ui-seamless-button--small {
  height: 30px;
  width: 30px;
}

.ui-seamless-button--medium {
  height: 36px;
  width: 36px;
}

.ui-seamless-button--large {
  height: 46px;
  width: 46px;
}
